<template>
  <div>
    <router-view/>
    <van-tabbar v-model="nav" @change="toPage" class="bottom">
      <van-tabbar-item name="/mindex" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item name="/edit" icon="orders-o">发帖</van-tabbar-item>
      <van-tabbar-item name="/apps" icon="apps-o">更多</van-tabbar-item>
      <van-tabbar-item name="/user" icon="https://b.yzcdn.cn/vant/icon-demo-1126.png">个人</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "mobile",
  data() {
    return {
      nav:'',
    }
  },
  methods: {

    toPage() {
      // console.log(this.nav)
      this.$router.push(this.nav)
    }
  }
}
</script>

<style scoped>

</style>
